<template>
	<view class="container flex justify-center align-center bg-gradual-blue" :style="orientation=='portrait'?('background-image: url('+bgimage+');'):''">
		<view class="cu-card border text-gray radius padding " :class="orientation!='portrait'?'':''">
			<view class="flex justify-center padding">
				<image class="image_large round" src="../../static/icon_logo.jpg"></image>
			</view>
			<view class="margin-top-sm">
				<uniInput title="账户"  hint="请输入账户"></uniInput>
				<uniInput title="密码"  hint="请输入密码"></uniInput>
			</view>
			<button class="bg-gradual-blue margin-top" @click="onLogin">登录</button>
		</view>
	</view>
</template>

<script>
	import cuBar from '@/components/single/bar/cu-bar.vue';
	import uniInput from '@/components/single/from/uni-input.vue';
	export default {
		components: {
			cuBar,uniInput
		},
		data() {
			return {
				orientation:this.Orientation,
				bgimage:require('@/static/bg/bg_login.jpg')
			}
		},onLoad() {
			console.log(this.orientation)
		},
		methods: {
			onLogin: function(e) {
				this.$util.redirectTo('/pages/index/index')
			}
		}
	}
</script>

<style scoped>
	.container{
		width: 100vw;
		height: 100vh;
		background-size: 100% 100%;
		background-color: #3F536E;
	}
	.cu-card{
		width: 600upx;
		height: auto;
	}
</style>
